<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta http-equiv="Content-Script-Type" content="text/javascript">

        <title>Rotating jQuery tabs example</title>
		 <link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="print, projection, screen">
        
        <style type="text/css" media="screen, projection">
            /* Not required for Tabs, just to make this demo look better... */
            body, h1, h2 {
                font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
            }
            h1 {
        </style>

        <script src="js1/jquery-1.2.2.pack.js" type="text/javascript"></script>
        <script src="js1/ui.tabs.pack.js" type="text/javascript"></script>
        <script src="js1/ui.tabs.ext.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $('#rotate ul').tabs({ fxFade: true }).tabsRotate(2000);
            });
        </script>  
    </head>
    <body>
    	<center>
        <jsp:include page="customerTop.jsp" />
        <div style="width:1280px">
        <div id="rotate">
            <ul>
                <li><a href="#fragment-1"><span>基本信息</span></a></li>
                <li><a href="#fragment-2"><span>更多详情</span></a></li>
               
            </ul>
            <div id="fragment-1">
            	<center>
                <table class="table_a">
                	<tr>
                		<td class="td_a" style="" width="45%"><img class="img_good"  src="images1/clothtest.jpg"/></td>
                		<td class="td_b" style="width:3%"></td>
                		<td class="td_c" style="width:52%" align="left">
                				<table class="table_b"  border="0" cellspacing="0" cellpadding="0">
 									 <tr  style="height:30px">
   										<td colspan="2"><span style="font-size:16px">经典夏季上衣，凉爽一夏</span></td>
  									</tr>
  									<tr>
    									<td height="30px" width="20%">供应商:</td>
    									<td width="80%">株洲新野集团有限公司</td>
  									</tr>
  									<tr>
    									<td height="30px" colspan="2"><p style="color:green">现在有货</p></td>
    									
  									</tr>
  									<tr>
    									<td height="30px">价格：</td>
    									<td> <p style="color:red">￥ 232.30</p></td>
  									</tr>
  									
  									<tr>
    									<td height="30px">送至：</td>
    									<td>株洲荷塘区 湖南工业大学</td>
  									</tr>
  									<tr>
    									<td height="30px">规格：</td>
    									<td><p style="color:red">Large</p></td>
  									</tr>
  									<tr>
    									<td height="30px">&nbsp;</td>
    									<td><img id="gcar_img" src="images1/addcar.jpg"></td>
  									</tr>
  									<tr>
    									<td height="100px">&nbsp;</td>
    									<td> 
<pre>
亚马逊自售中文图书购满99元，畅销好书抢鲜赠(促销优惠码:CXJO9VFX) 
购买亚马逊图书频道任意自售中文图书（进口图书、电子书、第三方卖家图
书和Z实惠图书除外），单张订单商品金额满99元后(99元不包含任意1本赠
书)，将 活动赠品区中的任意1本赠书放入购物车，结账时输入促销优惠码
CXJO9VFX，系统将自动扣减赠品销售金额。1张订单只能享受1本赠书，如
果其他促销也需要输入促销优惠码，则不能与本促销共同使用。
</pre>
    									</td>
  									</tr>
  									
								</table>
                				
                		</td>
                	</tr>
                </table>
                </center>
                
            </div>
            <div id="fragment-2">
               <center>
               		<img src="images1/testimg.jpg"/>
               </center>
            </div>
        </div>
        <div>
       <center>
       
       
       
         <script type="text/javaScript">
   //控制查看详情按钮的样式
   		$("#gcar_img").mouseover(function(event){
   			$(this).css("border","1px solid #d8d8d8");
   		});
   		$("#gcar_img").mouseout(function(event){
   			$(this).css("border","0px");
   		});
   		$("#gcar_img").click(function(event){
   			location.href="car.jsp";
   		});
   		
   		
   </script>
    </body>
</html>